import Vue from 'vue'
import VueRouter from 'vue-router'
import NewBook from '@/views/NewBook.vue'
import FirstContent from '@/views/FirstContent.vue'
import SecondContent from '@/views/SecondContent.vue'
import ThirdContent from '@/views/ThirdContent.vue'
import FourthContent from '@/views/FourthContent.vue'
import FifthContent from '@/views/FifthContent.vue'








Vue.use(VueRouter)

const routes = [
  {
    path:'/',
    name:'newbook',
    component:NewBook
  },
  {
    path:'/firstcontent',
    name:'firstcontent',
    component:FirstContent
  },
  {
    path:'/secondcontent',
    name:'secondcontent',
    component:SecondContent
  },
  {
    path:'/thirdcontent',
    name:'thirdcontent',
    component:ThirdContent
  },
  {
    path:'/fourthcontent',
    name:'fourthcontent',
    component:FourthContent
  },
  {
    path:'/fifthcontent',
    name:'fifthcontent',
    component:FifthContent
  },

//   {
//     path:'/',
//     component:a,
//     children:[{
//         path:'/newbook',
//         component:()=>import("@/views/NewBook")
//       },
//       {
//         path:'/firstcontent',
//         component:()=>import("@/views/FirstContent")
        
//       },
//       {
//         path:'/secondcontent',
//         component:()=>import("@/views/SecondContent")

//       },
//       {
//         path:'/thirdcontent',
//         component:()=>import("@/views/ThirdContent")
        
//       },
//       {
//         path:'/fourthcontent',
//         component:()=>import("@/views/FourthContent")

//       },
//       {
//         path:'/fifthcontent',
//         component:()=>import("@/views/FifthContent")

//       }
//   ]
// }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
